<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // while语法结构
    // while (表达式) {
    //     执行语句;
    // }

    // 首先求解表达式 ,如果表达式成立(满足条件),则执行{}中循环语句; 语句执行完毕,再次求解表达式,如果依旧成立,则继续循环,否则会跳出循环 执行循环之后的语句

    // 需求: 计算1-100的和
    // (1) 得到1-100的数
    // (2) 将循环中的每一个数 进行累加
    
    debugger;
    var i = 1;   //循环的初始值
    var sum = 0;  // 
    while(i <= 100){
        document.write(i+"<br>");
        sum = sum + i;
        i++;    // 自增/自减  => 记录循环当前位置 
    }
    console.log(sum);


    // 循环练习
    // 打印100以内 7的倍数
    // 打印100以内的奇数
    // 打印100以内所有偶数的和
    // 打印图形  40个*   每十个 一行(br)
    // * * * * * * * * * *
    // * * * * * * * * * *
    // * * * * * * * * * *
    // * * * * * * * * * *

    

</script>
</html>